<template>
  <div class="q-pa-md row items-start q-gutter-md">
    <q-card  :class="1==0? 'my-card':'bg-purple,text-white' " >
      <q-card-section>
        Lorem ipsum doa aliqua. Ut e nostrud exercitation
      </q-card-section>
    </q-card>


  </div>
</template>

<script>
export default {
  setup () {
    return {

    }
  }
}
</script>

<style >
.my-card{
  width: 20%;
  background-color: rgb(147, 226, 43);
  height: 50%;
}
</style>
